<template>
    <div class="bodys">
      <router-link to="/invoices" v-if="invoice == 1">
        <p style="color: #000;">发票 <span><img src="../../assets/img/rectang.png" alt=""></span></p>
      </router-link>
      <p>买家留言 <input type="text" placeholder="最多不能超过50个字" maxlength="50" v-model="postscriptVal" @change="postscript"></p>

    </div>
</template>

<script>
    export default {
        name: "invoice",
      data(){
          return{
            invoice:0,//发票
            postscriptVal:''
        }
      },
      methods: {
        postscript(){
          this.$emit('postscript',this.postscriptVal)
        }
      }
    }
</script>

<style scoped lang="scss">
  .bodys{
    width:92vw;
    height: auto;
    border-radius: 2.5vw;
    margin: 0px auto;
    background: #fff;
    box-shadow: 1px 0 1px 0px #ccc;
    overflow: hidden;
      p{
        width: 100%;
        height: 13.33vw;
        line-height: 13.33vw;
        float: left;
        text-indent: 2.5vw;
        font-size: 15px;
        input::placeholder{
          color: #999999;
        }
          span{
            float: right;
            margin-right: 2.5vw;
              img{
                width:2.33vw;
                height: 2.67vw;
                display: inline-block;
              }
          }
      }
  }
</style>
